<template>
  <div>
    <van-nav-bar
      title="发布职位"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <van-form @submit="onSubmit">
      <van-cell-group inset>
        <span>职位基本信息</span>
        <van-field
          v-model="name"
          label="公司"
          name="公司"
          placeholder="南京科技股份有限公司"
          
        />
        <van-field
          v-model="fieldValueThree"
          name="招聘类型"
          is-link
          readonly
          label="招聘类型"
          placeholder="请选择"
          @click="showPickerThree = true"
        />
        <van-field
          v-model="fieldValueThree"
          name="职位类型"
          is-link
          readonly
          label="职位类型"
          placeholder="请选择"
          @click="showPickerThree = true"
        />
        <van-field
          v-model="fieldValueThree"
          name="工作城市"
          is-link
          readonly
          label="工作城市"
          placeholder="请选择"
          @click="showPickerThree = true"
        />
        <van-field
          v-model="name"
          label="招聘人数"
          name="招聘人数"
          placeholder="请输入"
         
        />
        <van-field
          v-model="name"
          label="工作地点"
          name="工作地点"
          placeholder="请输入"
         
        />
        <van-field
          v-model="name"
          label="关键词"
          name="关键词"
          placeholder="请输入"
         
        />
<span>职位要求</span>
<van-field
          v-model="fieldValueThree"
          name="工作经验"
          is-link
          readonly
          label="工作经验"
          placeholder="请选择"
          @click="showPickerThree = true"
        />
        <van-field
          v-model="fieldValueThree"
          name="学历"
          is-link
          readonly
          label="学历"
          placeholder="请选择"
          @click="showPickerThree = true"
        />


       
       
     
      </van-cell-group>
      <div style="margin: 16px">
        <van-button round block type="primary" native-type="submit">
          提交
        </van-button>
      </div>
    </van-form>
  </div>
</template>
  <!-- 逻辑层 -->
  <script setup>
// 返回上一页

import { ref } from "vue";
// 返回上一页
const onClickLeft = () => {
  router.go(-1);
};
const imgUrl = ref([{ url: "" }]);
const emile = ref("");
const name = ref("");
const iphone = ref("");
const onSubmit = (values) => {
  console.log("submit", values);
};
const afterRead = (file) => {
  // 此时可以自行将文件上传至服务器
  console.log(file);
};
const columns = [
  { text: "男", value: "Boy" },
  { text: "女", value: "Girl" },
];
const fieldValue = ref("");
const showPicker = ref(false);
const onConfirm = ({ selectedOptions }) => {
  showPicker.value = false;
  fieldValue.value = selectedOptions[0].text;
};

const columnsTwo = [
  { text: "在职", value: "in" },
  { text: "离职", value: "out" },
];
const fieldValueTwo = ref("");
const showPickerTwo = ref(false);
const onConfirmTwo = ({ selectedOptions }) => {
  showPickerTwo.value = false;
  fieldValueTwo.value = selectedOptions[0].text;
};

const columnsThree = [
  { text: "初中", value: "secondary" },
  { text: "高中", value: "high" },
  { text: "中专", value: "technical" },
  { text: "大专", value: "junior" },
  { text: "本科", value: "undergraduate" },
  { text: "硕士", value: "msc" },
  { text: "博士", value: "dr" },
];
const fieldValueThree = ref("");
const showPickerThree = ref(false);
const onConfirmThree = ({ selectedOptions }) => {
  showPickerThree.value = false;
  fieldValueThree.value = selectedOptions[0].text;
};
</script>
  <!-- 样式层 -->
  <style  scoped>
</style>